// 获取 本地存储里面的 CMSTOKEN 
// 如果没有登录 不能访问首页 需要跳转到登录页面
const token = localStorage.getItem('CMSTOKEN')
if (!token) {
  alert('亲，您没有登录😊')
  location.href = './login.html'
}

/*
  1. 点击 点我初始化数据 按钮 得到初始化数据
    1.1 获取按钮 注册事件
    1.2 发送 ajax 获取数据
*/

document.querySelector('.init').addEventListener('click', function () {
  axios({
    url: '/init/data'
  }).then(({ data: res }) => {
    // console.log(res)
    if (res.code !== 0) return Toast.fail(res.message)
    Toast.success(res.message)
    // 让网页自动刷新
    // location.reload()
  })
})


/*
  2. 退出功能
    2.1 获取退出按钮 注册事件
    2.2 删除 localstroage 里面 CMSTOKEN 
    2.3 跳转到 登录页面
*/

document.querySelector('.logout').addEventListener('click', function () {
  if (confirm('确认要退出吗？')) {
    localStorage.removeItem('CMSTOKEN')
    location.href = './login.html'
  }
})

/*
  3. 点击左侧的菜单 点谁让谁高亮  元素如何获取
    3.1 获取指定的 a 标签 得到 伪数组
    3.2 遍历伪数组 注册点击事件
    3.3 被点击的这个元素需要添加 active 的类名
    3.4 将带有 active 类名 找到 将 active 类名移除
*/

document.querySelectorAll('.nav ul a').forEach(item => {
  item.addEventListener('click', function () {
    document.querySelector('.nav ul a.active').classList.remove('active')
    this.classList.add('active')
  })
})